<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="../css/xiaomi.css" />
		<link rel="stylesheet" href="../css/xiaomi.css" />
		<link rel="stylesheet" href="../css/order.css" />
	</head>

	<body>
		<div id="app">
			<div>
				<!-- 头部 -->
				<div class="header">
					<div id="J_topbarBannerWrapper"></div>
					<div class="site-topbar">
						<div class="container">
							<div class="topbar-nav">
								<a>小米商城</a> <span class="sep">|</span>
								<a>MIUI</a> <span class="sep">|</span>
								<a>IoT</a> <span class="sep">|</span>
								<a>云服务</a> <span class="sep">|</span>
								<a>金融</a> <span class="sep">|</span>
								<a>有品</a> <span class="sep">|</span>
								<a>小爱开放平台</a> <span class="sep">|</span>
								<a>企业团购</a> <span class="sep">|</span>
								<a>资质证照</a> <span class="sep">|</span>
								<a>协议规则</a> <span class="sep">|</span>
								<a class="topbar-download">
									下载app
									<span class="appcode"><img src="" alt="小米商城" width="90" height="90">
        小米商城APP
    </span></a> <span class="sep">|</span>
								<a class="J_siteGlobalRegion">Select Location</a>
							</div>


							<!--  右上购物车  -->
							<div class="topbar-cart">
								<a href="/shoppingcart/select?userid=${login.userid}" class="cart-mini">
									<em class="iconfont-cart"></em><em class="iconfont-cart-full hide"></em></span>购物车 <#list shoplist as shoplist><span class="cart-mini-num J_cartNum" id="shang" style="display: none">（${shoplist}）</span></#list><span class="cart-mini-num J_cartNum" id="shangn" style="display: none">（0）</span>
								</a>
								<div id="J_miniCartMenu" class="cart-menu " style="height: 0px;">
									<div class="menu-content">
										<ul id="J_miniCartList" class="cart-list hide" style="height: 0px;">
											<#list select as select>
											<li>
												<div class="cart-item clearfix first">
													<a class="thumb" href="">
														<img alt="" src="../img/${select.img}" style="width: 60px;height: 60px;">
													</a>
													<a class="name" href="//item.mi.com/product/1194700030.html">${select.name} ${select.versiontype} ${select.colorname}</a>
													<span class="price">${select.pricea}元 × 1</span>
													<a class="btn-del J_delItem" href="" data-gid="2194700019_0_buy" data-isbigtap="false">
														<em class="iconfont-close"></em>
													</a>
												</div>
											</li>
										</#list>
										</ul>
										<div id="J_miniCartListTotal" class="cart-total clearfix hide">
											<#list shu as shu>
											<span class="total">共 <em>${shu}</em> 件商品
                                        </#list>
											<#list zong as zong>
											<span class="price">
                                        <em>${zong}</em>元
                                        </span>
										</#list>
										</span>
										<a href="/shoppingcart/select?userid=${login.userid}" class="btn btn-primary btn-cart">去购物车结算</a>
									</div>
									<div class="msg msg-error hide">

									</div>
									<div class="msg msg-empty hide">购物车中还没有商品，赶紧选购吧！</div>
								</div>
							</div>
						</div>
						<!--  购物车   -->

							<#list login as user>
							<div  class="topbar-info ce" style="display: none;" id="ce">

							<span class="user">
								<a rel="nofollow" class="user-name"href="//www.mi.com/user/portal" target="_blank">
									<span style="display: none" id="userid">${user.userid}</span>
									<span class="panduan" style="display: none">${user}</span>
									<span class="name">${user.userName}</span><i class="iconfont-arrow-down-mini"></i>

                                </a>
                                <div class="user-menu-wrapper" style="height: 0px;">
									<ul class="user-menu">
										<li>
											<a href="">个人中心</a>
										</li>
										<li>
											<a href="">评价晒单</a>
										</li>
										<li>
											<a href="/like/select">我的喜欢</a>
										</li>
										<li>
											<a href="">小米账户</a>
										</li>
										<li>
											<a  href="/video/logout">退出登录</a>
										</li>
									</ul>
								</div>
							</span>
								<span class="sep">|</span>
								<span class="message">
								<a href="" class="J_needAgreement">消息通知<i class="J_miMessageTotal"></i></a>
							</span>
								<span class="sep">|</span>
								<a rel="nofollow" class="link link-order" href="" target="_blank">我的订单</a>
							</div>
						</#list>
						<div  class="topbar-info cea" style="display: none;" id="cea">

							<a href="/user/index" class="link">登录</a> <span class="sep">|</span>
							<a href="/like/select" class="link">注册</a><span class="sep">|</span><span class="message"><a
								href="" class="J_needAgreement">消息通知<i class="J_miMessageTotal"></i></a></span>
						</div>
					</div>
					<span class="kong" style="display: none"></span>
						</div>
					</div>
					<div class="site-header  ">
						<div class="container">
							<div class="header-logo">
								<a href="/information/shouye" title="小米官网" class="logo ir">小米官网</a>
							</div>
							<div class="header-nav ">
								<ul class="nav-list J_navMainList clearfix">
									<li class="nav-category">
										<a href="" class="link-category"><span class="text">全部商品分类</span></a>
									</li>
									<!-- 此处中间悬浮显示(一共6个)      ！！！还未做 -->
									<li class="nav-item">
										<a href="" class="link"><span class="text">小米手机</span></a>
										<div class="item-children">
											<div class="container">
												<ul class="children-list clearfix">
													<!-- 此处有5个 后四个class为空 -->
													<li class="first">
														<a href="">
															<div class="figure figure-thumb"><img src="//i1.mifile.cn/f/i/2014/cn/placeholder-220!110x110.png" data-src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82ddffd7562c54f9166fa876c143ff22.png" alt="小米10 Pro" width="160" height="110"></div>
															<div class="title">小米10 Pro</div>
															<p class="price">4999元起</p>
														</a>
													</li>
												</ul>
											</div>
										</div>
									</li>
									<li class="nav-item">
										<a href="" class="link"><span class="text">服务</span></a>
									</li>
									<li class="nav-item">
										<a href="" class="link"><span class="text">社区</span></a>
									</li>
								</ul>
							</div>
							<div class="header-search ">
								<form class="search-form clearfix"><label for="search" class="hide">站内搜索</label> <input type="" class="search-text"> <input type="submit" value="" class="search-btn iconfont">
									<div class="search-hot-words">
										<a href="">小米10</a>
										<a href="">Redmi K30 Pro</a>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
				<!-- 头部 -->
			</div>

			<!-- 中间 -->
			<div class="breadcrumbs">
				<div class="container">
					<a href="">首页</a><span class="sep">&gt;</span><span>交易订单</span>
				</div>
			</div>
			<div class="page-main user-main">
				<div class="container">
					<div class="row">
						<div class="span4">
							<div class="uc-box uc-sub-box">
								<div class="uc-nav-box">
									<div class="box-hd">
										<h3 class="title">订单中心</h3>
									</div>
									<div class="box-bd">
										<ul class="uc-nav-list J_navList">
											<li class="active">
												<a class="J_noRandom" href="">我的订单</a>
											</li>
											<!-- <li><a href="//service.order.mi.com/insurance/payServiceList">意外保</a></li> -->
											<li data-type="11">
												<a class="J_tuanList" href="">团购订单</a>
											</li>
											<li>
												<a href="">评价晒单（1）</a>
											</li>
											<li>
												<a href="">话费充值订单</a>
											</li>
											<li>
												<a href="">以旧换新订单</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="uc-nav-box">
									<div class="box-hd">
										<h3 class="title">个人中心</h3>
									</div>
									<div class="box-bd">
										<ul id="J_orderNavList" class="uc-nav-list">
											<li>
												<a href="">我的个人中心</a>
											</li>
											<li>
												<a href="">消息通知<i class="J_miMessageTotal"></i></a>
											</li>
											<li>
												<a href="">购买资格<i class="J_miInviteTotal"></i></a>
											</li>
											<li>
												<a href="">现金账户</a>
											</li>
											<li>
												<a href="">小米礼品卡</a>
											</li>
											<li>
												<a href="">现金券</a>
											</li>
											<li>
												<a href="">喜欢的商品</a>
											</li>
											<li>
												<a href="">优惠券</a>
											</li>
											<li>
												<a href="">收货地址</a>
											</li>
											<li>
												<a href="">红包</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="uc-nav-box">
									<div class="box-hd">
										<h3 class="title">售后服务</h3>
									</div>
									<div class="box-bd">
										<ul class="uc-nav-list">
											<li>
												<a href="">服务记录</a>
											</li>
											<li>
												<a href="">申请服务</a>
											</li>
											<li>
												<a href="">领取快递报销</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="uc-nav-box">
									<div class="box-hd">
										<h3 class="title">帐户管理</h3>
									</div>
									<div class="box-bd">
										<ul class="uc-nav-list">
											<li>
												<a href="">个人信息</a>
											</li>
											<li>
												<a href="">修改密码</a>
											</li>
											<!-- <li><a href="http://uvip.xiaomi.cn" target="_blank">社区VIP认证</a></li> -->
										</ul>
									</div>
								</div>
							</div>
						</div>
						<div class="span16">
							<div class="uc-box uc-main-box">
								<div class="uc-content-box order-list-box">
									<div class="box-hd">
										<h1 class="title">我的订单<small>请谨防钓鱼链接或诈骗电话，<a href="">了解更多&gt;</a></small></h1>
										<div class="more clearfix">
											<ul class="filter-list J_orderType">
												<li class="first active">
													<a href="">全部有效订单</a>
												</li>
												<li>
													<a id="J_unpaidTab" href="">待支付</a>
												</li>
												<li>
													<a id="J_sendTab" href="">待收货</a>
												</li>
												<!-- <li><a href="//static.mi.com/order/#type=5" data-type="5">已关闭</a></li> -->
												<li>
													<a href="">订单回收站</a>
												</li>

											</ul>
											<form id="J_orderSearchForm" class="search-form clearfix" action="#" method="get">
												<label  class="hide">站内搜索</label>
												<input class="search-text" placeholder="输入商品名称、商品编号、订单号">
												<input type="submit" class="search-btn iconfont" value="">
											</form>
										</div>
									</div>
									<div class="box-bd fenye">
										<div id="J_orderList">
											<ul class="order-list xianshi">


											</ul>
										</div>



									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 中间 -->

			<!-- 底部 -->
			<div>
				<div class="site-footer">
					<div class="container">
						<div class="footer-service">
							<ul class="list-service clearfix">
								<li>
									<a href=""><em class="iconfont-tool"></em>预约维修服务</a>
								</li>
								<li>
									<a href=""><em class="iconfont-circle-7"></em>7天无理由退货</a>
								</li>
								<li>
									<a href=""><em class="iconfont-circle-15"></em>15天免费换货</a>
								</li>
								<li>
									<a href=""><em class="iconfont-gift"></em>满99元包邮</a>
								</li>
								<li>
									<a href=""><em class="iconfont-location"></em>520余家售后网点</a>
								</li>
							</ul>
						</div>
						<div class="footer-links clearfix">
							<dl class="col-links col-links-first"><dt>帮助中心</dt>
								<dd>
									<a href="" target="_blank">账户管理</a>
								</dd>
								<dd>
									<a href="" target="_blank">购物指南</a>
								</dd>
								<dd>
									<a href="" target="_blank">订单操作</a>
								</dd>
							</dl>
							<dl class="col-links "><dt>服务支持</dt>
								<dd>
									<a href="">售后政策</a>
								</dd>
								<dd>
									<a href="">自助服务</a>
								</dd>
								<dd>
									<a href="">相关下载</a>
								</dd>
							</dl>
							<dl class="col-links "><dt>线下门店</dt>
								<dd>
									<a href="">小米之家</a>
								</dd>
								<dd>
									<a href="">服务网点</a>
								</dd>
								<dd>
									<a href="">授权体验店</a>
								</dd>
							</dl>
							<dl class="col-links "><dt>关于小米</dt>
								<dd>
									<a href="">了解小米</a>
								</dd>
								<dd>
									<a href="">加入小米</a>
								</dd>
								<dd>
									<a href="">投资者关系</a>
								</dd>
								<dd>
									<a href="">廉洁举报</a>
								</dd>
							</dl>
							<dl class="col-links "><dt>关注我们</dt>
								<dd>
									<a href="">新浪微博</a>
								</dd>
								<dd>
									<a href="">官方微信</a>
								</dd>
								<dd>
									<a href="">联系我们</a>
								</dd>
								<dd>
									<a href="">公益基金会</a>
								</dd>
							</dl>
							<dl class="col-links "><dt>特色服务</dt>
								<dd>
									<a href="">F 码通道</a>
								</dd>
								<dd>
									<a href="">礼物码</a>
								</dd>
								<dd>
									<a href="">防伪查询</a>
								</dd>
							</dl>
							<div class="col-contact">
								<p class="phone">400-100-5678</p>
								<p>周一至周日 8:00-18:00<br>（仅收市话费）</p>
								<a class="btn btn-line-primary btn-small"><em class="iconfont-message2"></em> 人工客服</a>
							</div>
						</div>
					</div>
				</div>
				<div class="site-info">
					<div class="container">
						<div class="logo ir">小米官网</div>
						<div class="info-text">
							<p class="sites">
								<a href="">小米商城</a> <span class="sep">|</span>
								<a href="">MIUI</a> <span class="sep">|</span>
								<a href="">米家</a> <span class="sep">|</span>
								<a href="">米聊</a> <span class="sep">|</span>
								<a href="">多看</a> <span class="sep">|</span>
								<a href="">游戏</a> <span class="sep">|</span>
								<a href="">政企服务</a> <span class="sep">|</span>
								<a href="">小米天猫店</a> <span class="sep">|</span>
								<a href="">小米集团隐私政策</a> <span class="sep">|</span>
								<a href="">小米公司儿童信息保护规则</a> <span class="sep">|</span>
								<a href="">小米商城隐私政策</a> <span class="sep">|</span>
								<a href="">小米商城用户协议</a> <span class="sep">|</span>
								<a href="">问题反馈</a> <span class="sep">|</span>
								<a href="">Select Location</a>
							</p>
							<p>
								©
								<a href="" target="_blank">mi.com</a> 京ICP证110507号
								<a href="" target="_blank">京ICP备10046444号</a>
								<a href="" target="_blank">京公网安备11010802020134号</a>
								<a href="" target="_blank">京网文[2020]0276-042号</a> <br>
								<a href="" target="_blank">（京）网械平台备字（2018）第00005号</a>
								<a href="" target="_blank">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
								<a href="" target="_blank">营业执照</a>
								<a href="" target="_blank">医疗器械质量公告</a> <br>
								<a href="" target="_blank">增值电信业务许可证</a>&nbsp;网络食品经营备案（京）【2018】WLSPJYBAHF-12&nbsp;
								<a href="" target="_blank">食品经营许可证</a> <br> 违法和不良信息举报电话：185-0130-1238&nbsp;
								<a href="" target="_blank">知识产权侵权投诉</a>&nbsp;本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
							</p>
						</div>
						<div class="info-links">
							<a href=""><img src="//i1.mifile.cn/f/i/17/site/truste.png" alt="TRUSTe Privacy Certification"></a>
							<a href=""><img src="//s01.mifile.cn/i/v-logo-2.png" alt="诚信网站"></a>
							<a href=""><img src="//s01.mifile.cn/i/v-logo-1.png" alt="可信网站"></a>
							<a href=""><img src="//i8.mifile.cn/b2c-mimall-media/ba10428a4f9495ac310fd0b5e0cf8370.png" alt="诚信经营 放心消费"></a>
						</div>
					</div>
					<div class="slogan ir">探索黑科技，小米为发烧而生</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="../js/jquery.min.js"></script>
		<script type="text/javascript" src="../js/shopuser.js"></script>
		<script type="text/javascript" src="../js/order.js"></script>
	</body>

</html>